<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich" >

	<ui:composition template="/templates/gerenciamento.xhtml" >
		<ui:define name="js">
		
		</ui:define>
		<ui:define name="css">
			<link rel="stylesheet" type="text/css" href="style/folha_gerenciamento.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/logado.css" media="screen" />
			<style type="text/css">
			body {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
			}
			</style>
		</ui:define>
		<ui:define name="mid">
			<h:form>
			
				<div class="cabecalho_ranking_inside">
				    <div class="campos1_a_menor"></div>
				    <div class="campos2_a"><strong>Ramo de atividade</strong></div>
				    <div class="campos2_a_maior">
				    	<h:selectOneMenu value="#{minhaListaBean.ramoAtividadeEscolhido}" converter="ramoAtividadeConverter" style="width:200px" >
	      	      			<f:selectItem itemLabel="Selecione o Ramo de Atividade" noSelectionOption="true" />	
		          			<f:selectItems value="#{minhaListaBean.ramoAtividadeList}" var="rm" itemLabel="#{rm.nome}" itemValue="#{rm}" />
		          		</h:selectOneMenu>
				    </div>
				    <div class="campos2_a_menor" align="center">
    					<a4j:commandLink action="#{minhaListaBean.buscarMinhaLista}" execute="@form" render="@all">
			        		<img src="images/buscar.gif" width="40" height="20" />
			        	</a4j:commandLink>
    				</div>    
    				
    				<div class="campos1_a_menor"></div>
    				<div class="campos2_a_baixo_menor"><strong>Uf</strong></div>
    				<div class="campos2_a_baixo_cidade">
				    	<h:selectOneMenu value="#{minhaListaBean.uf}" converter="ufConverter" style="width:50px" >
		          			<f:selectItem itemLabel="Uf" noSelectionOption="true" />
		          			<f:selectItems value="#{minhaListaBean.ufs}" var="uf" itemLabel="#{uf.sigla}" itemValue="#{uf}" />
		          			<f:ajax event="change" listener="#{minhaListaBean.atualizaCidade}" render="cidadeField" />
		          		</h:selectOneMenu>
				    </div>
    				<div class="campos2_a_baixo_cidade"><strong>Cidade</strong></div>
    				<div class="campos2_a_baixo_cidadefield">
    					<h:selectOneMenu id="cidadeField" value="#{minhaListaBean.cidade}" converter="cidadeConverter" style="width:130px">
	       	    			<f:selectItem itemLabel="Selecione a Cidade" noSelectionOption="true" />
		          			<f:selectItems value="#{minhaListaBean.cidades}" var="cidade" itemLabel="#{cidade.nome}" itemValue="#{cidade}" />
		          			<f:ajax event="change" listener="#{minhaListaBean.atualizaBairro}" render="bairroField" />
		          		</h:selectOneMenu>
    				</div>
    				<div class="campos2_a_baixo_cidade"><strong>Bairro</strong></div>
    				<div class="campos2_a_baixo_cidadefield">
    					<h:selectOneMenu id="bairroField" value="#{minhaListaBean.bairro}" converter="bairroConverter" style="width:160px">
	       	    			<f:selectItem itemLabel="Selecione o Bairro" noSelectionOption="true" />
		          			<f:selectItems value="#{minhaListaBean.bairros}" var="bairro" itemLabel="#{bairro.nome}" itemValue="#{bairro}" />
		          		</h:selectOneMenu>
    				</div>
    				
    				
				</div>
				
				<h:panelGroup  rendered="#{minhaListaBean.quantidadeProdutos != 0}"  >
					<div class="inside_rodape_ranking" id="link_azul" align="right">
						<a4j:commandLink value="Limpar" action="#{minhaListaBean.limparLista}" execute="@form" render="@all">
						
			        	</a4j:commandLink>
						<a4j:commandLink action="#{minhaListaBean.comparar}" execute="@form" render="@all">
			        		<img src="images/comparar.gif" width="55" height="20" />
			        	</a4j:commandLink>
			        	<img src="images/3px.gif" width="3" height="3" />
			        	<a4j:commandLink action="#{minhaListaBean.salvarLista}" execute="@form" render="@all">
			        		<img src="images/salvar_lista.gif" width="63" height="20" />
			        	</a4j:commandLink>
	  				</div>
	  			</h:panelGroup>	
  				
  				<div class="inside_caixa_cinza3">
  					<span id="texto_preto_normal" >
						<h:outputText value="Nenhum produto encontrado para o Ramo de Atividade escolhido" rendered="#{minhaListaBean.quantidadeProdutos == 0}" />
						<h:outputText value="#{minhaListaBean.quantidadeProdutos} Produto" rendered="#{minhaListaBean.quantidadeProdutos == 1}" />
						<h:outputText value="#{minhaListaBean.quantidadeProdutos} Produtos" rendered="#{minhaListaBean.quantidadeProdutos > 1}"/>
					</span>
				</div>
  				
  				<h:panelGroup  rendered="#{minhaListaBean.quantidadeProdutos != 0}"  >
					<div class="inside_caixa_cinza2">
	
					    <table width="690" border="0" cellspacing="1" cellpadding="0">
	
					      	<tr id="texto_branco">
						        <td width="467" height="35" align="center" bgcolor="#2f3191"><strong>Produto</strong></td>
						        <td width="138" align="center" bgcolor="#2f3191"><strong>Unidade</strong><strong></strong></td>
						        <td width="81" align="center" bgcolor="#2f3191"><strong>Qtde.</strong></td>
					      	</tr>	
				      	
					      	<a4j:repeat id="lista" value="#{minhaListaBean.listaCompras}" var="compra">
					      	
					      		<tr>
						        	<td colspan="4" bgcolor="#FFFFFF"><img src="images/3px.gif" alt="" width="3" height="3" /></td>
						      	</tr>
					      	
					      		<h:panelGroup rendered="#{compra.par}">
							      	<tr> 
								        <td height="30" align="center" id="texto_preto_normal" bgcolor="#f5f5f5" >
								        	<h:outputText value="#{compra.produtos.nome}" />
								        </td>
								        <td bgcolor="#f5f5f5" id="texto_preto_normal" align="center">
								        	<h:outputText value="#{compra.produtos.unidade}" />
								        </td>
								        <td bgcolor="#f5f5f5" align="center">
								        	<h:inputText value="#{compra.qtdade}" size="5" >
								        		<f:convertNumber maxFractionDigits="2" locale="pt_BR" />
								        	</h:inputText>
								        </td>
							      	</tr>
						      	</h:panelGroup>
						      	<h:panelGroup rendered="#{!compra.par}">
						      		<tr>
								        <td height="30" align="center" bgcolor="#ffffff" id="texto_preto_normal">
								        	<h:outputText value="#{compra.produtos.nome}" />
								        </td>
								        <td bgcolor="#ffffff" align="center" id="texto_preto_normal">
								        	<h:outputText value="#{compra.produtos.unidade}" />
								        </td>
								        <td bgcolor="#ffffff" align="center">
								        	<h:inputText value="#{compra.qtdade}" size="5" >
								        		<f:convertNumber maxFractionDigits="2" locale="pt_BR" />
								        	</h:inputText>
								        </td>
						      		</tr>
					      		</h:panelGroup>
					      		
					      		
					      	
					      	</a4j:repeat>
					      	
					      
					      
					    </table>
	  				</div>
	  				
	  				<div class="inside_rodape_ranking_novo" id="link_azul" align="right">
	  					<div class="inside_rodape_ranking" id="link_azul" align="right">
							<a4j:commandLink action="#{minhaListaBean.comparar}" execute="@form" render="@all">
				        		<img src="images/comparar.gif" width="55" height="20" />
				        	</a4j:commandLink>
				        	<img src="images/3px.gif" width="3" height="3" />
				        	<a4j:commandLink action="#{minhaListaBean.salvarLista}" execute="@form" render="@all">
				        		<img src="images/salvar_lista.gif" width="63" height="20" />
				        	</a4j:commandLink>
	  					</div>
	  				</div>
	  				
  				</h:panelGroup>
				
				
			

			</h:form>
		</ui:define>
	</ui:composition>

</html>